<template>
  <div>
<!--    <h3>-->
<!--      当前最新的count值：{{count}}-->
<!--    </h3>-->
    <h3>
      {{ this.$store.getters.showNumber }}
    </h3>
    <button @click="sub">-1</button>
    <button @click="sub(2)">-N</button>
    <button @click="subAsync">-Async1</button>
    <button @click="subAsynsN(3)">-AsyncN</button>


  </div>
</template>

<script>
import {mapState} from 'vuex'
import {mapMutations} from 'vuex'
import {mapActions} from 'vuex'
// 通过导入mapState的映射，vuex中所有的数据添加到本组件中，映射为当前组件的computed计算属性

export default {
  name: "substration",
  methods:{
    ...mapMutations(['sub','subN']),
    ...mapActions(['subAsync','subAsynsN']),
    // btnHandler1(){
    //   this.sub()
    // },
    // btnHandlerN(){
    //   this.subN(2)
    // },
    // btnHandlerAsync(){
    //   this.subAsync()
    // },
    // btnHandlerAsyncN(){
    //   this.subAsynsN(2)
    // }
  },
  computed:{
    ...mapState(['count'])
  },
  data(){
    return{

    }
  }

}
</script>

<style scoped>

</style>
